<template>
    <view class="my-selectedShop">
       
   
        <view class="my-selectedShop-list">
              
                       

                        <view  class="my-selectedShop-group" v-for="(item,index) in l" :key="index" > 
                
                                <Card :d="item" />
                              
                                <view class="my-selectedGood">
                                
                                                        <view v-for="(goods,i) in item.cardList" :key="i" class="small-shop" @tap="toDetail(goods)">

                                                            <view class="pic">
                                                            
                                                                <image :src="goods.cardPicture" mode="aspectFill"  class="pic" v-if="goods.cardPicture" />
                                                                <image src="/static/images/blank.png" mode="aspectFill"  class="pic" v-else />
                                                            </view>

                                                            <view class="bottom">
                                                                <view class="n">
                                                                    
                                                                        {{goods.cardName}}
                                                                
                                                                </view>
                                                                <view class="price">
                                                                    <view class="now">￥{{goods.cardCurrentprice}}</view>
                                                                     <view class="old">￥{{goods.cardOriginalprice}}</view>
                                                                </view>
                                                            </view>

                                                     </view>
          
                            </view>

                        </view>
                        
              
        </view>        
    </view>
</template>
<script >

import Card from './Card'


export default {
       
        props:{
                l:{
                    type:Array,
                    default:[]
                }
        },
        components: {
            Card
        },
        methods:{
            toDetail(d){
                let  {cardId} = d;
                uni.navigateTo({
                    url: `/detailPackages/pages/beautyDetail/index?cid=${cardId}`
                })
            }
        }
}
</script>
<style lang="scss">




</style>
